<div class="head">
  <h2>个人资料</h2>
  <hr/>
</div>

<form class="personal-form">
  <div class="form-group">
    <label for="username">用户名</label>
    <input class="form-control" type="text" id="username" name="username" ng-model="info.username" ng-disabled="true"/>
  </div>
  <!--放在form-group下面-->
  <!--
  <div class="alert alert-danger alert-dismissible">
    <button type="button" class="close" data-dismiss="alert">
      <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
    </button>
    用户名不能超过xx个字符
  </div>
  -->

  <div class="form-group">
    <label for="email">邮箱</label>
    <input class="form-control" id="email" type="email" name="email" ng-model="info.email" ng-disabled="true"/>
  </div>

  <div class="form-group">
    <label for="nickname">昵称</label>
    <input class="form-control" id="nickname" name="nickname" type="text" ng-model="info.nickname"/>
  </div>



  <div id="sex-group" class="form-group">
    <label>性别</label>
    <div class="radio">
      <label>
        <input type="radio" name="sex" ng-model="info.sex" value="M" ng-checked="info.sex == 'M' ? true : false"/><span>男</span>
      </label>
      <label>
        <input type="radio" name="sex" ng-model="info.sex" value="F" ng-checked="info.sex == 'F' ? true : false"/><span>女</span>
      </label>
      <label>
        <input type="radio" name="sex" ng-model="info.sex" value="S" ng-checked="info.sex == 'S' ? true : false"/><span>保密</span>
      </label>

    </div>
  </div>


  <div id="birthday-group" class="form-group">
    <label>生日</label>
    <div class="select-box">
      <select name="year" id="year" ng-model="birthday.year">
        <option ng-selected="!birthday.year" ng-disabled="true">请选择</option>
        <option ng-repeat="year in dateHandle.getYearList()">{{year}}</option>
      </select>
      <span>年</span>
    </div>

    <div class="select-box">
      <select name="month" ng-model="birthday.month">
        <option ng-selected="!birthday.month" ng-disabled="true">请选择</option>
        <option ng-repeat="month in dateHandle.getMonthList()">{{month}}</option>
      </select>
      <span>月</span>
    </div>
    <div class="select-box">
      <select name="day" id="day" ng-model="birthday.day">
        <option ng-selected="!birthday.day" ng-disabled="true">请选择</option>
        <option ng-repeat="day in dateHandle.getDayList(birthday.year,birthday.month)">{{day}}</option>
      </select>
      <span>日</span>
    </div>



  </div>

  <div class="form-group">
    <label for="realname">真实姓名</label>
    <input id="realname" class="form-control" type="text" name="realname" ng-model="info.realname"/>
  </div>

  <button class="btn btn-primary submit-button" ng-click="submit()">保存资料</button>
</form>